<template>
	<view class="me-team_list">
		<view v-if="tabindex=='t1'">
			<view class="team_li">
				<view class="tit">130******07  加入ADDAO</view>
				<text>9秒前</text>
			</view>
			<view class="team_li team_li01">
				<view class="tit">188******68  晋升星级会员</view>
				<text>9秒前</text>
			</view>
			<view class="team_li team_li02">
				<view class="tit">156******70  晋升正式会员</view>
				<text>9秒前</text>
			</view>
			<view class="team_li team_li03" :id="'num'+item.id" v-for="(item,key) in list" :key="key">
				<view class="tit">136******99  启动了一台广告机</view>
				<text>9秒前</text>
			</view>
		</view>
		<view v-else-if="tabindex=='t2'">
			<view class="team_li" :id="'num'+item.id" v-for="(item,key) in list" :key="key">
				<view class="tit">130******07  加入ADDAO</view>
				<text>9秒前</text>
			</view>
		</view>
		<view v-else-if="tabindex=='t3'">
			<view class="team_li team_li02">
				<view class="tit">156******70  晋升正式会员</view>
				<text>9秒前</text>
			</view>
			<view class="team_li team_li01" :id="'num'+item.id" v-for="(item,key) in list" :key="key">
				<view class="tit">130******07  晋升星级会员</view>
				<text>9秒前</text>
			</view>
		</view>
		<view v-else>
			<view class="team_li team_li03" :id="'num'+item.id" v-for="(item,key) in list" :key="key">
				<view class="tit">136******99  启动了一台广告机</view>
				<text>9秒前</text>
			</view>
		</view>

	</view>
</template>

<script>
/**
 * 1、刷新：如果在此页面需要控制刷新当前tab数据则可调用父页面的这个函数：this.$emit('refreshTab');【更多使用方法请移步至源函数查阅】
 * 2、如果需要获取当前tab序号则用：this.tabindex
 * 注：特别注意此页面无生命周期，以及无法使用原生组件，原生组件和fixed元素需要写在mescroll-uni的外面 否则滚动列表会抖动（但使用uView这些组件是没问题的）
 */
export default {
    props:{
        //数据列表
        list: {
            type: Array,
            default(){
                return []
            }
        },
        //当前tab的标识ID
        tabindex: {
            type: [String,Number],
            default: ''
        },
    },
	data(){
		return{
		}
	},
	mounted() {
		console.log(this.tabindex)
	},
	methods:{
		
	}
}
</script>

<style lang="scss">
.me-team_list{
	padding: 22rpx 25rpx 0;
}
.team_li{
	margin-bottom: 17rpx;
	border-radius: 10rpx;
	background-color: #B6B281;
	padding: 53rpx 37rpx 23rpx;
	color: #FEFEFE;
}
.team_li .tit{
	display: block;
	font-size: 29rpx;
	line-height: 43rpx;
	padding-left: 60rpx;
	background: url("/static/images/img_26.png") no-repeat 0 0;
	background-size: auto 100%;
}
.team_li text{
	display: block;
	padding-left: 60rpx;
	line-height: 70rpx;
	font-size: 24rpx;
}
.team_li01 {
	background-color: #F6AC48;
}
.team_li01 .tit{
	background-image:  url("/static/images/img_25.png");
}
.team_li02 {
	background-color: #EBC974;
}
.team_li02 .tit{
	background-image:  url("/static/images/img_27.png");
}
.team_li03 {
	background-color: #4AB893;
}
.team_li03 .tit{
	background-image:  url("/static/images/img_28.png");
}
</style>
